<!DOCTYPE html>

<html>
    
    <head>
        
        <meta charset=UTF-8 />
        <title>HTML5 Canvas と JavaScript を使って作る追尾サンプル</title>
        
        <!-- util系 -->
        <script>
            var $id = function(id) { return document.getElementById(id); }
        </script>
        
        <!-- application系 -->
        <script>
            
            window.onload = function()
            {
                var canvas = $id("c");
                var context = canvas.getContext("2d");
                
                context.fillRect(0, 0, 640, 480);
            };
            
        </script>
        
    </head>
    <body>
        <header>
            <h1>HTML5 Canvas と JavaScript を使って作る追尾サンプル</h1>
            <p>
                HTML, Canvas をセットアップ
            </p>
        </header>
        <canvas id="c" width="640" height="480"></canvas>
    </body>
    
</html>